<template>
  <div class="dashboard-editor-container">
    <el-row class="my-row" :gutter="24">
      <el-col :xs="24" :sm="24" :lg="24">
        <Panel></Panel>
       </el-col>
    </el-row>
     <el-row class="my-row" :gutter="24">
       <Barandlinechart class="margin-top"></Barandlinechart>
    </el-row>
     <el-row class="my-row" :gutter="24">
       <Vehiclestatistics ></Vehiclestatistics>
    </el-row>
  </div>
</template>
<script>
import Panel from "./indexAll/panel";
import Barandlinechart from "./indexAll/barandlinechart";
import Vehiclestatistics from './indexAll/vehicleStatistics';
import Tasklist from "./indexAll/taskList";
export default {
  name: "Index",
  components: {
    Panel,
    Barandlinechart,
    Vehiclestatistics,
    Tasklist
  },
  data() {
    return {
    };
  },
  methods: {
  },
};
</script>

<style lang="scss" >
.dashboard-editor-container{
  margin:10px;
}
 .moren-xiugai{
            border:none;
            transform:rotate(90deg);
            -ms-transform:rotate(90deg); 	/* IE 9 */
            -moz-transform:rotate(90deg); 	/* Firefox */
            -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
            -o-transform:rotate(90deg); 
        }
 .el-timeline{
  padding-left:120px;
  
}
.el-timeline-item__timestamp.is-top {
    position: absolute;
    left: -117px;
    top: -3px;
    color: #333333;
}
.el-timeline-item__timestamp {
   position: absolute;
    left: -117px;
    top: -3px;
    color: #333333;
}
.el-timeline {
    padding-left: 150px;
}
.el-timeline-item__content{
   overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
}
::v-deep .el-timeline-item__timestamp.is-top {
    position: absolute;
    left: -117px;
    top: -3px;
    color: #333333;
}
::v-deep .el-timeline {
    padding-left: 150px;
}

.box-card{
  .top{
        width:100%;
        display:flex;
        justify-content:space-between;
        align-items:center;
        font-size:14px;
        margin-bottom:10px;
        p{
          margin:0;
          span{
            color:#999;
            font-family: '黑体';
          }
        }
}

}
.margin-top{
  margin-top:10px;
}
.margin-bottom{
  margin-bottom:10px;
  }
.content{
  .item{
      display:flex;
      justify-content: space-between;
      align-items: center;
      margin:0;
      margin-top:10px;
      span{
        i{
          margin-right:10px;
          font-style: normal;
        }
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        font-size:14px;
        margin-right:10px;
      }
    }
}
.card2{
  height:250px;
}
.card1{
  height:410px;
}
</style>
